@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px; }
body{ font-family: "Source Han Sans CN";overflow:-Scroll;overflow-x:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input, textarea, select, button {font-family:  "Source Han Sans CN";}
ul{ margin:0px; padding:0px;zoom:1;}
div {zoom:1;}
li{ list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;max-width: 100%;}
a{text-decoration:none; color:#222;}
a:hover {color:#00b0ec; text-decoration:none; transition: all 0.1s;}
a:visited{text-decoration:none; }
a:active{text-decoration:none;}
a:focus {list-style: none; text-decoration: none;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear{clear:both;width:100%;height:0;font-size:0px; }
.fl{float: left;}
.fr{float: right;}
input,select, button, textarea{padding:0;margin:0; border:none;outline:0  none!important; }
.container{padding:0;}
i{font-style: normal;}
.tc{text-align: center;}
.row{margin:0;}
.midde_header{display: none;}
.mobile-foot {display: none;}
/*放大效果*/
.scale{transition: all 0.5s;overflow:hidden;display: block;}
.scale span{display: block;overflow:hidden;}
.scale:hover img{transform: scale(1.1);transition: all 0.5s;}
#dituContent img{max-width: initial;}
header{position: relative;}
header .search_hide{display: none;}


/*右侧悬浮*/
.rightfix {position: fixed;top: 40%;right: 0px;width: 40px;z-index:50;box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.fix_ul li {font-size: 12px;color: #696d73;text-align: center;float: none;position: relative;width: 40px;height: 40px;line-height: 38px;color: #fff;z-index: 20; box-sizing: border-box;}
.fix_ul li a{background:#fff;display: block;  }
.fix_ul li i {font-size: 20px;color: #848484;}
.fix_ul li:nth-child(2n) a{background: #eaeaea;}
.right_div {opacity: 0;position: absolute;right: -120px;top: 0px;background: #fff;padding: 5px;line-height: 30px;transition: all .2s ease-in-out;min-width: 120px;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index: -1;}
.fix_ul li:hover a{ color: #848484;} 
.fix_ul li:hover .right_div{  opacity: 1; right: 45px;color: #848484;}
.fix_ul li:hover a{    background: #00b0ec;}
.fix_ul li:hover i{ color: #fff; }

@media (max-width: 780px){
	.rightfix{display: none;}
	header{display: none;}
	.midde_header{display: block;}
	.container{padding:0 15px;}
	/*手机菜单*/
	.midde_header{height:70px;line-height: 70px;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.2);position: fixed;right: 0;left: 0;top: 0;z-index: 2100;background-color: #fff;}
	.backprev{float:left;width: 25%; text-align: center;color: #fff;height: 70px;line-height: 70px;margin-left: 30px;}
	.backprev img{width: auto;}
	.head-middle{width: 70%;text-align: center;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.head-right .mdui-btn i{font-size: 24px;}
}
@media (max-width: 480px){
	.backprev img{width: 100%;}
	.backprev{width:60%;margin-left: 15px;}
	/*一键拨号*/
	.mobile-foot {display: block; background: #008bd5;padding: 8px 15px;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;}
	.mobile-foot a {color: #fff;height: 35px;line-height: 33px;border: 1px solid #fff;border-radius: 4px;text-align: center;padding: 0 15px;transition: .3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}
	.pull-left {float: left;}
	.pull-right {float: right;}
	.btn {display: inline-block; margin-bottom: 0;font-size: 14px;font-weight: 400; text-align: center;white-space: nowrap;vertical-align: middle; cursor: pointer;  border: 1px solid transparent;border-radius: 4px;}
}